<template>
  <div>
    <img :src="src" alt="" class="logo ani"
    swiper-animate-effect="fadeInRight" swiper-animate-duration=".5s" swiper-animate-delay=".4s">
  </div>
</template>

<script>
  export default {
    data() {
      return {
        redLogo: require('./img/logo.png')
      }
    },
    props: {
      type: {
        type: String,
        default: 'white'
      }
    },
    computed: {
      src() {
        let src = this.type === 'white' ? require('./img/logo.png') : require('./img/logo2.png')
        return src
      }
    }
  }
</script>

<style lang="scss" scoped>
.logo {
  position: absolute;
  top: rem(200);
  right: rem(71);
  display: block;
  width: rem(283);
  height: rem(76);
}
</style>
